<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 头部盒子 -->
    <div class="header">
        <!-- 标题区域 -->
        <div class="linner-header">
            <h1>CSS波浪</h1>
        </div>
        <!-- 波浪区域 -->
        <div>
            <svg class="waves" viewBox="0 24 150 28" preserveAspectRation="none" shape-rendering="auto">
                <!-- 容器 -->
                <defs>
                    <path></path>
                </defs>
            </svg>
        </div>
    </div>
</body>

</html>